<template>
    <div class="home-footer">
        <div class="footer-wrap">
            <div class="footer-left">
                <h2>相关链接</h2>
                <ul>
                    <li><router-link to="/article/arContent"><span class="iconfont">&#xe621;</span> 博 文</router-link></li>
                    <li><router-link to="/message"><span class="iconfont">&#xe61d;</span> 留 言</router-link></li>
                    <li><router-link to="/diary"><span class="iconfont">&#xe604;</span> 日 记</router-link></li>
                    <li><router-link to="/about"><span class="iconfont">&#xe525;</span> 关 于</router-link></li>
                </ul>
            </div>
            <div class="footer-right">
                <h2>联系我</h2>
                <ul>
                    <li><span class="iconfont">&#xe601;</span>地址 : 湖北省武汉市武昌区</li>
                    <li><span class="iconfont">&#xe60f;</span>Q Q : 1245118458</li>
                    <li><span class="iconfont">&#xe614;</span>邮箱 : 1245118458@qq.com</li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.home-footer{
    box-sizing: border-box;
    width:100%;
    height:190px;
    background:rgb(35,35, 40);
    padding:0 50px 0;
    .footer-wrap{
        color:white;
        display: flex;
        justify-content: space-around;
        h2{
            font-size:20px;
            line-height: 70px;
        }
        li{
            margin-bottom:10px;
            font-size: 15px;
            color:#eee;
        }
        a{
            color:#eee;
        }
        span{
            margin-right:15px;
        }
        .footer-left{
            a{
                font-size:13px;
                &:hover{
                    color:#82b440;
                }
            }
        }
        .footer-right{
            
        }
    }
}
</style>